<ui:composition template="/WEB-INF/template/mainTemplate.xhtml"
                xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:p="http://primefaces.org/ui" xmlns:c="http://java.sun.com/jsp/jstl/core">

    <ui:define name="metadata">
        <f:metadata>

        </f:metadata>
    </ui:define>
    <ui:define name="content">
        <div>
            <h1>#{msgs['create.learningEvent']}</h1>
            <h:form id="form" styleClass="form-horizontal">
                <p:messages errorClass="error" autoUpdate="true"/>

                <h2>Finished
                    <small>Learning Event Created</small>
                </h2>

                <div class="hero-unit">
                    <p>Learning Event can now be shared manually if you want using the following link</p>
                    <dl>
                        <dt>Share Link</dt>
                        <dd>
                            <h:outputText
                                    value="#{createLearningEventModel.createdLearningEventDetail.learningEventId}"/>
                        </dd>
                    </dl>
                </div>

                <dl>
                    <dt>Group Name</dt>
                    <dd><h:outputText
                            value="#{createLearningEventModel.createdLearningEventDetail.groupName}"/></dd>

                    <dt>Module Name</dt>
                    <dd><h:outputText
                            value="#{createLearningEventModel.createdLearningEventDetail.modul}"/></dd>

                    <dt>Comment</dt>
                    <dd><h:outputText
                            value="#{createLearningEventModel.createdLearningEventDetail.comment}"/></dd>

                    <dt>TimeSlots</dt>
                    <dd>
                        <c:forEach items="#{createLearningEventModel.createdLearningEventDetail.timeSlots}"
                                   var="timeSlot">
                            <dl>
                                <dt>Start</dt>
                                <dd><h:outputText value="#{timeSlot.shortStartDateTime}"/></dd>

                                <dt>Duration</dt>
                                <dd><h:outputText value="#{timeSlot.duration}"/></dd>

                                <dt>Location</dt>
                                <dd><h:outputText value="#{timeSlot.locationName}"/></dd>
                            </dl>
                        </c:forEach>
                    </dd>

                    <dt>Share Link</dt>
                    <dd>
                        <h:outputText
                                value="#{createLearningEventModel.createdLearningEventDetail.learningEventId}"/>
                    </dd>
                </dl>

            </h:form>
        </div>
        <div class="clear"></div>
    </ui:define>
</ui:composition>